<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>特色功能点</title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/bootstrap4.5.min.js"></script>
    <style>
        .feature_list ul li {
            padding-left: 0;
            padding-right: 0;
            text-align: center;
        }

        .feature_list_box {
            padding: 20px 0;
            margin: 0 10px;
            box-shadow: 1px 1px 10px #999;
        }

        .feature_list_img {
            width: 100px;
            height: 100px;
            margin: 0 auto;
        }

        .feature_list_img img {
            display: inline-block;
            width: 100%;
            height: 100%;
            border: 1px solid #464646;
            border-radius: 50px;
        }

        .feature_list_text {
            padding: 40px 0 0 0;

        }

        .feature_list_text p {
            font-size: var(--f_describe);
            line-height: var(--l_describe);
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-align: center;
        }

        @media(max-width:1200px) {

            .feature_list_text {
                padding: 20px 0 0 0;

            }

            .feature_list ul li {
                padding: 30px 20px;
            }

            .feature_list_text p {
                padding: 0 20px;

            }
        }
    </style>
</head>

<body>
    <div class="feature modular">
        <div class="feature_list public_width">
            <ul class="row">
                <li class="col-xl-3 col-md-6 col-12">
                    <div class="feature_list_box">
                        <div class="feature_list_img">
                            <img src="../images/number_1.jpg" alt="">
                        </div>
                        <div class="feature_list_text">
                            <p>视觉识别Visual Identity 以标志、标准字、标准色为核心展开的完整的、系统的视觉表达体系。</p>
                        </div>
                    </div>
                </li>
                <li class="col-xl-3 col-md-6 col-12">
                    <div class="feature_list_box">
                    <div class="feature_list_img">
                        <img src="../images/number_1.jpg" alt="">
                    </div>
                    <div class="feature_list_text">
                        <p>确立企业独特经营理念，企业生产经营过程中设计、科研、生产、营销、服务、管理等经营理念的识别系统。
                        </p>
                    </div>
                </div>
                </li>
                <li class="col-xl-3 col-md-6 col-12">
                    <div class="feature_list_box">
                    <div class="feature_list_img">
                        <img src="../images/number_1.jpg" alt="">
                    </div>
                    <div class="feature_list_text">
                        <p>连锁终端形象识别系统，针对于有连锁加盟性质的企业而实施的店铺形象设计与管理系统的设计</p>
                    </div></div>
                </li>
                <li class="col-xl-3 col-md-6 col-12">
                    <div class="feature_list_box">
                    <div class="feature_list_img">
                        <img src="../images/number_1.jpg" alt="">
                    </div>
                    <div class="feature_list_text">
                        <p>互联网交互设计人造系统的行为的设计，企业数字化交互微官网，微商城，微信小程序等</p>
                    </div>
                </div>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>